<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div {
				margin: auto;
				width: 300px;
				height: 380px;
				/* 圆角边框宽 */
				border: 1px solid;
				/* 圆角边框范围 */
				border-radius: 20px;
				/* 圆角边框颜色 */
				border-color: gainsboro;
				/* 背景渐变色 */
				background-image: linear-gradient(#65c5fa, #ffffff);
			}

			p {
				/* 上外边距 */
				margin-top: 8px;
				/* 下外边距 */
				margin-bottom: 0;
				text-indent: 50px;
				color: white;
				line-height: 2em;
				background: url(2-css-2-作业/作业2：中心动态列表页面/图片素材/bg.gif) no-repeat 10px 1px;
			}

			h3 {
				/* 缩进 */
				text-decoration: none;
				text-indent: 20px;
				/* 字体类型 */
				font-weight: 500;
				background-image: url(2-css-2-作业/作业2：中心动态列表页面/图片素材/dotBg.gif);

				background-repeat: no-repeat;
				background-position: 0px -5px;
			}

			/* 未访问链接 */
			a:link {
				color: black;
			}

			/* 已访问的链接 */
			a:visited {
				color: blue;
			}

			/* 鼠标悬停链接 */
			a:hover {
				color: red;
			}

			/* 已选择的链接 */
			a:active {
				color: orange;
			}
		</style>

	</head>
	<body>
		<div>
			<p>中心开班信息
				<hr>
			</p>
			<h3><a href="">8月12日：学历+技能班</a></h3>
			<h3><a href="">8月16日：高考特招班</a></h3>
			<h3><a href="">8月23日：Java精英班</a></h3>
			<h3><a href="">8月31日：学士后强化班</a></h3>
			<h3><a href="">9月5日：大学生就业班</a></h3>
			<h3><a href="">9月9日：企业定向委培班</a></h3>
			<h3><a href="">9月16日：网络营销强化班</a></h3>
		</div>
	</body>
</html>
